// // .register{
// //   width: 100vw;
// //   height: 100vh;
// //   background-color: #fff;
// //   padding: 0 0.3rem;
// //   box-sizing: border-box;
// //   overflow: hidden;
// //   position: relative;
// //   .title{
// //     height: 0.6933rem;
// //     font-size: 0.48rem;
// //     margin-top: 1.12rem;
// //     text-align: center;
// //     line-height: 0.6933rem;
// //   }
// //   &-wrapper{
// //     width: 7.44rem;
// //     height: 10.77rem;
// //     border: 1px solid rgba(187, 187, 187, 1);
// //     margin: 0 auto;
// //     margin-top: 1.7rem;
// //     border-radius: 0.3rem;
// //     box-shadow: 0 0 0.533rem rgba(170, 170, 170, 1);
// //     overflow: hidden;
// //     .avatar{
// //       width: 2.4rem;
// //       height: 2.4rem;
// //       border-radius: 50%;
// //       overflow: hidden;
// //       margin: 1rem auto 0.77rem auto;
// //       .avatar-img{
// //         width: 100%;
// //       }
// //     }
// //   }
// //   &-tip{
// //     position: absolute;
// //     bottom: 30px;
// //     left: 50%;
// //     transform: translateX(-50%);
// //     font-size: 0.374rem;
// //     color: rgba(16, 16, 16, 1);
// //   }
  
// // }

// /* src/pages/Register/index.module.less */
// .register {
//   width: 100vw;
//   height: 100vh;
//   background-color: #fff;
//   padding: 0 20px;   // 用 px 单位，和登录页一致
//   box-sizing: border-box;
//   position: relative;

//   .title {
//     height: 40px;
//     font-size: 24px;
//     margin-top: 50px;
//     text-align: center;
//     line-height: 40px;
//     color: #333;
//     font-weight: bold;
//   }

//   &-wrapper {
//     width: 100%;
//     max-width: 400px;   // 和登录页保持一致
//     margin: 0 auto;
//     margin-top: 40px;
//     border: 1px solid #ddd;
//     border-radius: 12px;
//     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
//     padding: 30px 20px;
//     background: #fff;

//     .avatar {
//       width: 100px;
//       height: 100px;
//       border-radius: 50%;
//       overflow: hidden;
//       margin: 0 auto 30px auto;
//       border: 3px solid #f5f5f5;

//       .avatar-img {
//         width: 100%;
//         height: 100%;
//         object-fit: cover;
//       }
//     }
//   }

//   &-tip {
//     position: absolute;
//     bottom: 30px;
//     left: 50%;
//     transform: translateX(-50%);
//     font-size: 14px;
//     color: #1976d2;
//     cursor: pointer;
//     text-align: center;
//     white-space: nowrap;

//     &:hover {
//       color: #1565c0;
//       text-decoration: underline;
//     }
//   }
// }

// /* 小屏幕适配 */
// @media (max-width: 375px) {
//   .register {
//     padding: 0 15px;

//     &-wrapper {
//       padding: 20px 15px;

//       .avatar {
//         width: 80px;
//         height: 80px;
//         margin-bottom: 20px;
//       }
//     }
//   }
// }

/* src/pages/Register/index.module.less */
.register {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;   // 垂直布局
  background-color: #fff;
  padding: 0 20px;
  box-sizing: border-box;

  .title {
    height: 40px;
    font-size: 24px;
    margin-top: 50px;
    text-align: center;
    line-height: 40px;
    color: #333;
    font-weight: bold;
  }

  &-wrapper {
    flex: 1;               // 占据剩余空间，避免撑开父容器
    display: flex;
    flex-direction: column;
    justify-content: center; // 内容居中
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: 30px 20px;
    background: #fff;

    .avatar {
      width: 100px;
      height: 100px;
      border-radius: 50%;
      overflow: hidden;
      margin: 0 auto 30px auto;
      border: 3px solid #f5f5f5;

      .avatar-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }
  }

  &-tip {
    margin-bottom: 30px;   // 保证和底部有间距
    text-align: center;
    font-size: 14px;
    color: #1976d2;
    cursor: pointer;

    &:hover {
      color: #1565c0;
      text-decoration: underline;
    }
  }
}
